function refresh(){
	window.location = "http://www.sibiubusses.zzl.org";
}
//main panel in the viewport
App.views.Viewport = Ext.extend(Ext.Panel, {
    fullscreen: true,
    layout: 'card',
    cardSwitchAnimation: 'slide',
    //contains a toolbar anda container
    dockedItems: [
        {
            xtype: 'toolbar',
            itemId: 'titleBar',
            dock: 'bottom',
            //contains 2 navigation buttons
            	//and further buttons to be implemented
            
            items:[
					{ 
						   itemId: 'backBtn',
						   iconCls: 'arrow_left', 
						   iconMask: true,
						   centered: true,  
						   ui: 'plain',
					},{
                       itemId: 'refreshBtn',
                       iconCls: 'refresh',
                       iconMask: true,
                       ui: 'plain',
                       handler: refresh
                   },
                   {xtype: 'spacer'},
                   //no functionality yet
//                   {
//                       itemId: 'searchBtn',
//                       iconCls: 'search',
//                       iconMask: true,
//                       ui: 'light',
//                   },
                   
                   { 
                	   itemId: 'nextBtn',
                	   iconCls: 'arrow_right',  
                       iconMask: true,
                	   ui: 'plain',
                   },
                   ]
        },
        {
			xtype: 'container',
			dock: 'top',
			items: [{html:" <p id='title'>Because Sibiu deserves it!  &nbsp&nbsp&nbsp&nbsp&nbsp&nbsp&nbsp AB &copy;</p>"}]
          }
    ],
});